<template>
	<view class="oderDetailSec">
		<view v-if="dataList && dataList.bill_id">
			<ordetailModal ref="pop2" :ndata="curTapItem" :ndataInfo="dataList"></ordetailModal>
			<view class="rtopSection p_rlt">
				<view v-if="pageLoaded && dataList.bill_status" class="status_sec flex align-center">
					<view class="flex-sub flex align-center">
						<view class="mIcoBox"><text class="m_ico" :class="[pageCode == '988' ? 'suc' : 'bepay']"></text>
						</view>
						<view v-if="pageCode == '988'" class="mDis">
							<view class="s_tit">{{ dataList.billStatusName || '服务已完成' }}</view>
							<!-- <view class="s_dis">
						   请在13:45到达门店
						</view> -->
						</view>
						<view v-else class="mDis">
							<block v-if="pageCode == '225'">
								<view class="s_tit">{{ dataList.billStatusName || '已关闭' }}</view>
							</block>
							<block v-else>
								<!-- {{pageCode == '813'?'待消费':'待服务'}} -->
								<view class="s_tit">{{ dataList.billStatusName || '' }}</view>
								<view v-if="pageLoaded" class="s_dis">
									{{ appsecTime ? appsecTime : '请提前15分钟到达门店' }}
									<text v-if="appsecTime" class="txdis">(请提前15分钟到达门店)</text>
									<!-- 请{{appsecTime?('在' + appsecTime + '前'):'准时'}}到达门店 -->
								</view>
							</block>
						</view>
					</view>
					<!-- 补差待支付 -->
					<view v-if="0" class="text60 text-white">
						<text class="text-sm">¥</text>
						70.00
					</view>
				</view>
				<view class="rpdBox"></view>
				<view class="rtpMainBox" >
					<view class="od_title flex align-center">
						<view class="flex-sub shopName">{{ dataList.sellerMemberName || '' }}</view>
						<text class="acon-dianhua phonIco" @click="callPhone(dataList.sellerMemberPhone)"></text>
					</view>
					<view class="orderScrollBox touch">
						<view class="mainListBox">
							<block v-for="(item, index) in dataList.billInfoList" :key="index">
								<view v-if="item.goods_type == '975' || item.goods_type == '811'" class="listItem">
									<view class="flex p_b26 align-center">
										<view v-if="
												dataList.isDisplayTechnicianNo=='5' || item.referrer_type == '1001' 
											" class="text-cut txt_tit">
											<!-- ||(dataList.isDisplayTechnicianNo!='5' && (item.referrer_type == '1001' || (item.status != '813' && item.status != '225'))) -->
											{{ item.craftsman_goods_name || '' }}号
											<view class="dian" v-if="item.referrer_type == '1001'">点</view>
										</view>
										<!-- <view v-if="craftsman_no_show" class="text-cut txt_tit">
												{{ item.craftsman_goods_name || '' }}号
												<view class="dian" v-if="item.referrer_type == '1001'">点</view>
											</view> -->
										<view v-else class="flex-sub">
											<!-- :class="[dataList.isDisplayTechnicianNo=='5' || (dataList.isDisplayTechnicianNo!='5' && (item.status != '813' && item.status != '225' ? 'flex justify-end' : ''))]" -->
											<!-- :class="{ act: item.status == '813' }" @click="tapProType(item)" -->
											<view class="containbox">
												<text class="txt_tit">{{ item.service_goods_name || '' }}</text>
												<text>{{ item.vsku_name ? '/' + item.vsku_name : '' }}</text>
											</view>
											<!-- <text class="tipitem solid">女</text>
												<text class="tipitem solid">盲人</text> -->
										</view>
										<view class="flex-sub flex align-center justify-end"
											@click.stop="tapDetail(item)">
											<text class="text-bold text-c6">￥{{ item.nmoney || 0 }}</text>
											<text class="cuIcon-info text-c9 tit_tah"></text>
										</view>
									</view>
									<view class="flex zitem p_b26">
										<view class="flex-sub text-cut flex justify-between">
											<!-- 6-30 取消修改时间功能 :class="{ act: item.status == '813' }" @click="tapProTime(item)" -->
											<view class="containbox">
												<block v-if="item && item.endTime && item.startTime">
													{{ transSubTime(item.startTime || '', ':') }}-{{ transSubTime(item.endTime || '', ':') }}
													{{ item.time_nums ? '/' + item.time_nums + '个钟' : '' }}
												</block>
											</view>
											<!-- item.status == '988'|| -->
											<view v-if="(dataList.isDisplayRoomNo=='5'&&item.room_goods_name)">{{ item.room_goods_name }}房</view>
										</view>
									</view>
									<view class="flex zsitem p_b26">
										<view class="flex-sub">
											<!-- :class="{ act: item.status == '813' }"
											@click="tapProType(item)" -->
											<view v-if="
													item.referrer_type == '1001' ||
														dataList.isDisplayTechnicianNo=='5'
												" class="containbox">
												<!-- ||(dataList.isDisplayTechnicianNo!='5' && (item.referrer_type == '1001' || (item.status != '813' && item.status != '225'))) -->
												<text>{{ item.service_goods_name || '' }}</text>
												<text>{{ item.vsku_name ? '/' + item.vsku_name : '' }}</text>
											</view>
											<!-- <view v-if="craftsman_no_show" class="">{{ item.craftsman_goods_name || '' }}号</view> -->
										</view>
										<block v-if="dataList.isDisplayTechnicianNo=='5'">
											<text v-for="(citem, cindex) in transLable(item.labelNames || '')" :key="cindex"
												class="tipitem solid">{{ citem }}</text>
										</block>
										
										<!-- <view v-if="pageCode == '1001'" class="icancel solid">取消</view> -->
									</view>
									<view class="ibot_box flex align-center justify-end">
										<block v-if="item.status == '813'">
											<view class="btn_view can" @click.stop="tapCancelSubOder(item)">取消</view>
											<!-- <view class="btn_view" :class="[item.status=='813'?'act':'acted']" @click.stop="tapChangeSubOder(item)">
			                  我已到店
			                </view> -->
										</block>
										<view v-else class="btn_view acted">
											<!-- 988-已完成 -->
											{{ item.status == '225' ? '已取消' : item.status == '988' ? '已完成' : '已到店' }}
										</view>
									</view>
								</view>
							</block>
						</view>
						<view class="m_tbox">
							<!-- <view class="mtItem flex align-center">
								<view class="mtit">付款方式</view>
								<view class="flex-sub flex align-center flex-wrap">微信支付</view>
							</view> -->
							<view class="mtItem flex align-center" v-if="mTList.length > 0">
								<view class="mtit">茶餐</view>
								<view class="flex-sub flex align-center flex-wrap">
									<block v-for="(item, index) in mTList" :key="index">
										<text class="margin-right-xs"
											v-if="item.goods_type == '810' && (item.labelId == '8' || item.labelId == '9')">{{ item.name || '' }}({{ item.buy_nums }})</text>
									</block>
								</view>
							</view>
							<view class="mtItem flex align-center" v-if="rTList.length > 0">
								<view class="mtit">儿童</view>
								<view class="flex-sub flex align-center flex-wrap">
									<block v-for="(item, index) in rTList" :key="index">
										<text class="margin-right-xs"
											v-if="item.goods_type == '810' && item.labelId == '57' ">{{ item.buy_nums }}位</text>
									</block>
								</view>
							</view>
			
							<view class="mtItem flex align-center margin-top-sm"
								v-if="dataList.buy_desc || (dataList.buyLabels && dataList.buyLabels.length > 0)">
								<view class="mtit">备注</view>
								<view class="flex-sub flex align-center flex-wrap">
									<text v-for="(bitem, bindex) in dataList.buyLabels" :key="bindex">
										{{ bitem && bitem.name && (bindex < dataList.buyLabels.length - 1 || dataList.buy_desc) ? bitem.name + ',' : bitem.name || '' }}
									</text>
									<text>{{ dataList.buy_desc || '' }}</text>
								</view>
							</view>
						</view>
						<view class="od_meg_box lg"
							:class="{ 'act': showDMore,'mt':dataList.meituan_back_total_money>0}">
							<view class="msg_item flex align-center">
								<view class="mtit">应付总金额</view>
								<view class="flex-sub text-end mcont">
									<view class="d_ib">
										<!-- text-nred -->
										<view class="text-bold">￥{{ dataList.member_price_total || 0 }}</view>
										<view class="text-end text-xs text-c9">
											{{
												dataList.price_type == 1049
													? '(会员价)'
													: dataList.price_type == 1050
													? '(小程序价)'
													: dataList.price_type == 1051
													? '(现金价)'
													: ''
											}}
										</view>
									</view>
								</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">订单总金额</view>
								<view class="flex-sub text-end mcont">￥{{ dataList.total_money || '0' }}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">优惠金额</view>
								<view class="flex-sub text-end mcont">-￥{{ dataList.coupon_back_total_money || '0' }}
								</view>
							</view>
							<view v-if="dataList.meituan_back_total_money>0" class="msg_item flex align-center">
								<view class="mtit">美团抵扣</view>
								<view class="flex-sub text-end mcont">-￥{{ dataList.meituan_back_total_money || '0' }}
								</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">退款总金额</view>
								<view class="flex-sub text-end mcont">-￥{{ dataList.back_total_money || '0' }}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">房费</view>
								<view class="flex-sub text-end mcont">+￥{{ dataList.room_total_money || '0' }}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">基础项目</view>
								<view class="flex-sub text-end mcont">
									+￥{{ (dataList.seller_price_total || 0)+(dataList.skill_total_money || 0) }}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">等级加收费</view>
								<view class="flex-sub text-end mcont">+￥{{ dataList.lever_total_money || '0' }}</view>
							</view>
							<!-- <view class="msg_item flex align-center">
								<view class="mtit">手法加收费</view>
								<view class="flex-sub text-end mcont">+￥{{ dataList.skill_total_money || '0' }}</view>
							</view> -->
							<!-- <view class="msg_item flex align-center">
								<view class="mtit">实付</view>
								<view class="flex-sub text-end mcont text-bold">￥{{ dataList.pay_total_money || '0' }}</view>
							</view> -->
							<!--
							<view class="msg_item flex align-center">
							 <view class="mtit">总优惠</view>
							 <view class="flex-sub text-end mcont">-￥58</view>
							</view>
							<view class="msg_item flex align-center">
							 <view class="mtit">优惠券</view>
							 <view class="flex-sub text-end mcont">-￥58</view>
							</view>
							<view class="msg_item flex align-center">
							 <view class="mtit">满减金额</view>
							 <view class="flex-sub text-end mcont">-￥10</view>
							</view>
							<view class="msg_item flex align-center">
							 <view class="mtit">秒杀</view>
							 <view class="flex-sub text-end mcont">-￥20</view>
							</view>
							-->
							<view class="showMore">
								<view class="mrcont" @click="showDMore = !showDMore">
									{{ showDMore ? '收起' : '查看更多' }}
									<text class="mrico" :class="[showDMore ? 'cuIcon-fold' : 'cuIcon-unfold']"></text>
								</view>
							</view>
						</view>
						<!-- msg -->
						<view class="od_meg_box lg" :class="{ act: showMore }">
							<view v-if="dataList.name||1" class="msg_item flex align-center">
								<view class="mtit">预约人</view>
								<view class="flex-sub mcont">{{ dataList.name || '111' }}</view>
							</view>
							<view v-if="dataList.phone" class="msg_item flex align-center">
								<view class="mtit">联系方式</view>
								<view class="flex-sub mcont">
									<text class="text-c3">{{ transPhone(dataList.phone || '') }}</text>
								</view>
								<view v-if="pageCode == '813'" class="copBtn" @click="showSevModal3">修改</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">订单来源</view>
								<view class="flex-sub mcont">{{dataList.bill_source_name||''}}</view>
							</view>
							<view v-if="dataList.coupon_code" class="msg_item flex text-breaka align-center">
								<view class="mtit">{{dataList.bill_source_name||'第三方'}}{{dataList.bill_source=='62'?'券号':''}}</view>
								<view class="flex-sub mcont text-breaka">{{dataList.coupon_code||''}}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">订单号</view>
								<view class="flex-sub mcont">{{ dataList.bill_id || '' }}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">下单时间</view>
								<view class="flex-sub mcont">{{ dataList.creatTime }}</view>
							</view>
							<view class="msg_item flex align-center">
								<view class="mtit">预约时间</view>
								<view class="flex-sub mcont">{{ appointTime }}</view>
							</view>
							<view class="showMore">
								<view class="mrcont" @click="showMore = !showMore">
									{{ showMore ? '收起' : '查看更多' }}
									<text class="mrico" :class="[showMore ? 'cuIcon-fold' : 'cuIcon-unfold']"></text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view v-if="dataList && dataList.bill_id" class="od_sub_btn_section">
				<!-- <view v-if="pageCode=='1001'" class="flex">
			    <view class="btn_left text-cut flex-sub flex">
			      <view class="bcontent">
			        <text class="bcdis bclm text-xs bct">￥</text>
			        <text class="text-xl bct text-bold">688.00</text>
			        <text class="bcdis bct margin-left-xs text-xs">待支付</text>
			      </view>
			    </view>
			    <view class="payBtn text-center">
			      支付
			    </view>
			  </view> -->
				<view v-if="pageCode == '813'" class="flex justify-end bt_box">
					<view class="btn_com tohome solid" @click="tapCancelOder()">取消预约</view>
					<!-- <view v-if="pageCode == '813'&&!allInStore" class="btn_com todetail" @click="tapChangeAllOder">全部已到店</view> -->
					<!-- <view v-else class="btn_com todetail gry">全部已到店</view> -->
				</view>
				<view v-else class="flex justify-between bt_box">
					<view class="full_btn" @click="tapToSubscribe">去预约</view>
				</view>
			</view>
			
			<!-- 以下是弹窗 -->
			<uni-popup ref="pop3" type="bottom">
				 <view class="selectService text-left" @touchmove.stop.prevent="stopPrevent">
				 	<view class="modalTitle pad_cl">修改联系方式</view>
				 	<view class="pad_cl margin-top-sm text-c9 text-sm">请输入修改的联系方式</view>
				 	<view class="cinformation">
				 		<view class="inputBox">
				 			<view class="cu-bar spcInput bg-white">
				 				<view class="search-form round">
				 					<text class="specIco kh"></text>
				 					<input v-model="custName" maxlength="20" type="text" placeholder="请输入您的姓名"
				 						confirm-type="done" />
				 				</view>
				 			</view>
				 			<view class="cu-bar spcInput bg-white">
				 				<view class="search-form round">
				 					<text class="specIco pw"></text>
				 					<input class="psw" v-model="custPhone" maxlength="11" type="number"
				 						placeholder-class="psw_plh" placeholder="请输入您的电话" confirm-type="done" />
				 				</view>
				 			</view>
				 		</view>
				 	</view>
				 	<view class="cback_btn pad_cl">
				 		<view class="full_btn" @click="sureModal3()">确定</view>
				 	</view>
				 </view>
				
			</uni-popup>
			
			
		</view>
		<loading></loading>
	</view>
</template>

<script lang="ts" setup>
	import { ref } from "vue";
	import { onLoad,onShow,onUnload } from '@dcloudio/uni-app';
	import { mnavTo,showLoading, hideLoading,getTime,transPhones,transFullTimes,vPhone } from '@/utils/helper';
	import mapi from '@/utils/mapi';
	import { getOrderDetailt,getShareDetailById,cancelOdert,getSubGoodsListt,getCraftsmanDetailt,getTimeSilceListt,changeContactt,changeCraftsmanSevt,changeOrderStatust } from '@/api/vmeitime-http/index.js'
  import ordetailModal from '@/components/ordetailModal/ordetailModal.vue'
	const pop2=ref()
	const pop6=ref()
	const pop3=ref()
	const pop1=ref()
	const craftsman_no_show=ref(false)
	const showMore=ref(false)
	const showDMore=ref(false)
	const pageCode=ref('') //1001待服务
	const bill_id=ref('')
	const scene=ref('') //分享过来的订单ID
	const dataList=ref<any>({
    billStatusName : '待消费',
    bill_from_source:'40',
    bill_id:3852,
    bill_source:'36',
    bill_source_name:'小颐有约',
    bill_status:'813',
    buy_member_id:157483,
    coupon_back_total_money:0,
    create_time:'20241211091510',
    creator:157483,
    data_status:'20',
    floorLabels:[
      {
        data_status:'20',
        label_id:20,
        label_status:'5',
        name:'2',
        pushCache:true,
        type:'1004',
      }
    ],
    isDisplayRoomNo:'6',
    isDisplayTechnicianNo:'6',
    isShare:'6',
    lever_total_money:0,
    line_price_total:149,
    meituan_back_total_money:0,
    member_back_total_money:0,
    member_price_total:99,
    member_price_total_percentage: 0,
    money_back_total_money: 0,
    money_price_total_percentage: 0,
    order_id:24160,
    pay_back_total_money: 0,
    pay_status: null,
    pay_total_money: 0,
    peopleNums: null,
    phone: "19158202779",
    price_type: "1050",
    pushCache: true,
    reward_coupon_id: null,
    reward_integral_nums: null,
    roomGoodsId: null,
    room_total_money: 0,
    sellerLabels: [],
    sellerMemberAddress: "湖南省长沙市芙蓉区亚大路87号",
    sellerMemberGps: "113.06463,28.208399",
    sellerMemberIds: null,
    sellerMemberName: "颐而康长沙隆平园店",
    sellerMemberPhone: "0731-85531555",
    seller_desc: null,
    seller_desc_labels: null,
    seller_member_id: 16681,
    seller_price_total: 99,
    serviceGoodsName: null,
    share_member_id: null,
    share_time: null,
    skill_total_money: 0,
    startSubscribeTime: null,
    startTime: null,
    status: null,
    total_money:99,
    stroeTimeSliceList:[
      {
        bill_id: 38532,
        bill_info_id: 160676,
        buyMemberId: null,
        buy_member_id: 157483,
        create_time: "20241211091510",
        data_status: "20",
        end_time: "20241211163000",
        ext:{
          levelName:'高级'
        },
        goodsSpecName: "白领足浴",
        goods_id: "643",
        goods_spec_id: null,
        is_chip_time: null,
        jsnum: "9",
        labelList: null,
        labels: "17,7,35,2",
        last_move_batch_id: null,
        lever_money: null,
        maxEndTime: null,
        nmoney: 99,
        orig_start_time: "20241211160000",
        part_time_job: null,
        price_type: null,
        pushCache: true,
        referrer_type: null,
        roomCounts: 0,
        roomIsVip: false,
        roomName: "801",
        roomNums: 0,
        roomSeq: 0,
        room_goods_id: 9,
        sellerMemeberId: null,
        seller_member_id: 16681,
        serviceName: "足浴",
        service_goods_id: 3,
        skill_money: null,
        start_time: "20241211160000",
        start_time_ing: null,
        store_time_id: 45238,
        store_time_slice_id: 55112,
        timeStatus: null,
        time_nums: 0.67,
        time_status: "982",
        to_minute: null,
        type: null,
        wheel_group_id: null,
        workEndDate: null,
        workStartDate: null,
      }
    ]
  })
	const subSevdId=ref('')
	const curTapItem=ref<any>({})
	//pop1-start
	const seachTechDetail=ref('')
	const techServItems=ref([])
	const changeCarItem=ref<any>({})
	const currTechName=ref('')
	const currDayId=ref(0)
	const showDayList=ref(false)
	const currSubDayId=ref(0)
	const amWorkTablesList=ref([])
	const pmWorkTablesList=ref([])
	const evWorkTablesList=ref([])
	const curTimeSlice=ref([])
	const dayList=ref([{
			id: 0,
			title: '今天',
			itemList: [{ name: '上午', key: 'amWorkTablesList' }, { name: '下午', key: 'pmWorkTablesList' },
			{ name: '晚上', key: 'evWorkTablesList' }],
			time: ''
		}
		// {
		// 	id: 1,
		// 	title: '明天',
		// 	itemList:[
		// 		{name:'上午',key:'amWorkTablesList'},
		// 		{name:'下午',key:'pmWorkTablesList'},
		// 		{name:'晚上',key:'evWorkTablesList'}
		// 	],
		// 	time:''
		// }
	])
	const timeModel=ref('PESON_MODEL')
	const silceTimeList=ref([])
	const artTimeClass=ref(0)
	//pop1-end
	// pop3-s
	const custPhone=ref('')
	const custName=ref('')
	// pop3-e
	//pop6-s
	const mappoinClass=ref(0)
	const techSevProList=ref([])
	const comSevProList=ref([])
	//pop6-e
	const creatTime=ref('')
	const appointTime=ref('')
	const appsecTime=ref<any>('')
	const pageLoaded=ref(false)
	const allInStore=ref(false)
	const mTList=ref([])
	const rTList=ref([])
	const shopSet=ref<any>({})
	onLoad(async(options)=>{
		bill_id.value = options.bill_id || '';
		scene.value = options.scene || '';
		if (options.scene) {
			// global.getShareId = options.scene;
			try{
				let res=await getShareDetailById({ share_id: options.scene })
				if (res.result) {
					var request_params = (res.object && JSON.parse(res.object.request_params)) || {};
					bill_id.value = request_params.billId || '';
					getOrderDetail();
				}
			}catch(e){
				 getOrderDetail();
			}
		}else{
			getOrderDetail();
		}
	})
	onUnload(()=>{
		hideLoading();
	})
	onShow(()=>{
		if (pageLoaded.value) {
			getOrderDetail();
		}
	})
	const getOrderDetail=async(source:any = '')=> {
		if (!bill_id.value) {
			return;
		}
		showLoading({
			mask: true,
			title: ''
		});
		try{
			 let res:any=await getOrderDetailt({ billId: bill_id.value, scene: scene.value })
			 hideLoading();
			 pageLoaded.value = true;
			 if (!res.result || !res.object) {
			 	mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
			 	return;
			 }
			 let nres = res.object || {};
			 !nres.billInfoList ? (nres.billInfoList = []) : '';
			 // let aClass = nres.billInfoList.findIndex(item=>item.goods_type=='975')
			 let nfilterArr = nres.billInfoList.filter(item => item.goods_type == '975' || item
			 	.goods_type == '811');
			 mTList.value = nres.billInfoList.filter(item => item.goods_type == '810' && item.labelId !=
			 	'57');
			 rTList.value = nres.billInfoList.filter(item => item.goods_type == '810' && item.labelId ==
			 	'57');
			 	
			 // let appointItem = aClass>=0?nres.billInfoList[aClass]:{};
			 let appointItem = nfilterArr.length >= 0 ? nfilterArr[0] || {} : {};
			 let ntime = appointItem.startTime || '';
			 let appsecTimes = '';
			 if (ntime && nres.bill_status != '225' && nres.bill_status != '988') {
			 	let transtime:any = getTime(ntime);
			 	// console.log('transtime',transtime)
			 	// appsecTime = transtime.stime
			 	appsecTimes = transtime.year + '-' + transtime.month + '-' + transtime.day;
			 	ntime = transtime.year + '-' + transtime.month + '-' + transtime.day + ' ' + transtime
			 		.stime;
			 }
			 appsecTime.value = appsecTimes;
			 appointTime.value = appointItem.startTime;
			 let creatTimes = nres.create_time || '';
			 if (creatTimes) {
			 	let ctrans:any = getTime(creatTimes);
			 	creatTimes = ctrans.year + '-' + ctrans.month + '-' + ctrans.day + ' ' + ctrans.stime;
			 }
			creatTime.value = creatTimes;
			 	
			 if (appointTime.value) {
			 	let ctrans:any = getTime(appointTime.value);
			 	appointTime.value = ctrans.year + '-' + ctrans.month + '-' + ctrans.day + ' ' + ctrans
			 		.stime;
			 }
			 // this.pageCode = nres.bill_status=='813'?'1001':nres.bill_status=='225'?'1002':'';
			  pageCode.value = nres.bill_status;
			 if (nres.bill_status == '813' || nres.bill_status == '986' || nres.bill_status == '987') {
			 	//暂
			 	let storedNums = 0;
			 	for (let i = 0; i < nfilterArr.length; i++) {
			 		let sitem = nfilterArr[i];
			 		if (sitem.status != '813') {
			 			storedNums += 1;
			 		}
			 	}
			 	nfilterArr.length > 0 && storedNums >= nfilterArr.length ? (allInStore.value = true) :
			 		'';
			 	// console.log('allin', storedNums, allInStor.valuee);
			 }
			 dataList.value = nres;
			 console.log('datalist', nres);
			 if (source == 'pop1' || source == 'pop6') {
			 	mapi.msg('修改成功');
			 	source == 'pop1' ? hidePop('pop1') : hidePop('pop6');
			 }
			 if (source == 'pop3') {
			  mapi.msg('修改成功');
			 	hidePop('pop3');
			 }
			 if (source == 'cancelSub' || source == 'cancelAll') {
			 mapi.msg('取消成功！');
			 }
		}catch(e){
		  pageLoaded.value = true;
			hideLoading();
			mapi.msg('网络繁忙，请稍后.');
			console.log(e,"e")
		}
	}
	const tapCancelOder=()=> {
		uni.showModal({
			title: '提示',
			content: '确定取消该预约吗？',
			cancelText: '点错了',
			confirmText: '确定',
			confirmColor: '#56BF7A',
			success: res => {
				if (res.confirm) {
					cancelOder();
				}
			}
		});
	}
	//取消订单
	const cancelOder=async()=> {
		let billId = dataList.value.bill_id || '';
		if (!billId) {
			mapi.msg('网络繁忙，请稍后重试.');
			return;
		}
		showLoading({
			title: '',
			mask: true
		});
		try{
			let res=await cancelOdert({ billId: billId })
			hideLoading();
			if (!res.result) {
			  mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
				return;
			}
			getOrderDetail('cancelAll');
		}catch(e){
			hideLoading();
			mapi.msg('网络繁忙，请稍后.');
		}

	}
	const transPhone=(vaule:any)=> {
		return transPhones(vaule);
	}
	const callPhone=(phone:any)=> {
		if (!phone) {
			mapi.msg('号码有误哦');
			return;
		}
		uni.makePhoneCall({ phoneNumber: phone });
	}
	const transSingleTime=(value:any, unit:any = '')=> {
		if (!value) {
			return '';
		}
		let r = value.substring(0, 2) + unit + value.substring(2, 4);
		return r;
	}
	const tapProType=(item:any = {})=> {
		if (item.status === '813') {
			changeCarItem.value = item;
			currTechName.value = item.name || '';
			 getSubGoodsList('811'); //tech
		}
	}
	// 获得商品服务范围
	const getSubGoodsList=async(source:any = '')=> {
		let goodsId = source == '811' ? changeCarItem.value.goods_id || '' : changeCarItem.value && changeCarItem.value.room_goods_id ? changeCarItem.value.room_goods_id : '';
		source == '811' &&
			showLoading({
				title: '',
				mask: true
			});
			try{
				let res=await getSubGoodsListt({ goodsId: goodsId, targetType: '811', isParentGoods: true, isGoods: true })
				if (!res.result) {
					hideLoading();
					mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
					return;
				}
				let nres = res.object || [];
				// this.techServItems = nres
				console.log('getSubGoodsList', nres);
				if (source === '811') {
					techSevProList.value = nres;
					getSubGoodsList('976');
				}
				if (source === '976') {
					let rList = [];
					for (let i = 0; i < nres.length; i++) {
						let item = nres[i];
						let nclass =techSevProList.value.findIndex(citem => citem.target_object_id == item
							.target_object_id);
						nclass >= 0 ? rList.push(item) : '';
					}
					let sevId = changeCarItem.value.ext_goods_id || '';
					let classIndex = rList.findIndex(ritem => ritem.target_object_id == sevId);
					mappoinClass.value = classIndex >= 0 ? classIndex : 0;
					comSevProList.value = rList;
					hideLoading();
				  showPop('pop6');
				}
			}catch(e){
				hideLoading();
			  mapi.msg('网络繁忙，请稍后.');
			}
	}
	const tapProTime=(item:any = {})=> {
		if (item.status === '813') {
			let hopeTime = item.startTime || '';
			let timeNum = item.time_nums || '';
			let roomId = item.room_goods_id || '';
			let trasResult:any=transFullTimes(hopeTime)
			let workTime = trasResult.uday || '';
			let sevId = item.service_goods_id || '';
			currTechName.value = item.name || '';
			let wkndata = {
				hopeTime: workTime,
				timeNum: timeNum, //点数
				craftsmanId: item.goods_id || '',
				goodsId: sevId,
				roomId: roomId
			};
	
			console.log('workTime', wkndata, workTime);
			let ndata = {
				workTime,
				sellerMemberId: dataList.value.seller_member_id || '',
				no: item.name || ''
			};
			changeCarItem.value = item;
			// this.tapProType(item)
			getCraftsmanDetail(ndata, wkndata, 'pop1');
			// this.getGroupWorktable(ndata,'pop1')
		}
	}
	// 根据no编号获取明细initDateList getCraftsmanForId
	const getCraftsmanDetail=async(ndata:any, wkndata:any, source:any = '')=> {
		showLoading({
			mask: true,
			title: ''
		});
		// let ndata = {
		// 	workTime:this.dataTime||'',
		// 	sellerMemberId:this.sellerId,//暂
		// 	no:this.rSeachValue
		// }
		try{
			let res=await getCraftsmanDetailt(ndata)
			if (!res.result) {
				hideLoading();
				mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
				return;
			}
			let nres = res.object || {};
			seachTechDetail.value = nres;
			// this.timeModel = nres.timeModel;
			// 992房间模式 993(PESON_MODEL)个人模式 994买家模式
			// nres&&nres.timeModel=='PESON_MODEL'默认
			wkndata.timeNum = nres.default_time_nums;
			wkndata.resouceType = nres.resouceType;
			wkndata.resouceId != nres.resouceId ? (wkndata.resouceId = nres.resouceId) : '';
			if (timeModel.value) {
				// let hopeTime = this.dataTime + '' + this.new_startWkTime1 + '00';
				// let ndata = {
				// 	hopeTime: hopeTime,
				// 	timeNum:nres.default_time_nums,//点数
				// 	craftsmanId:nres.resouceId||'',
				// 	roomId:nres.roomId||''
				// }
				// getGroupWorktable(wkndata, source);
			} else {
				let sdata = {
					sellerMemberId: ndata.sellerMemberId,
					goodId: ndata.goods_id || '',
					hopeTime: wkndata.hopeTime
				};
				 getTimeSilceList(sdata, source);
				// (!this.artTimeList||this.artTimeList.length<=0)&&this.getTimeSilceList()
			}
		}catch(e){
			hideLoading();
			mapi.msg('网络繁忙，请稍后.');
		}
	}
	//获取时间片列表
	const getTimeSilceList=async(ndata, source = '')=> {
		// let sevId = goodId || this.sevProList[this.aptClass].goods_id||'';
		if (!ndata.goodId) {
			hideLoading();
			mapi.msg('网络繁忙，请稍后...');
			return;
		}
		try{
			let res=await getTimeSilceListt(ndata)
			 hideLoading()
			 if (!res.result) {
			 	mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
			 	return;
			 }
			 let nres = res.object || [];
			 silceTimeList.value = nres;
			 if (source == 'pop1') {
			    showPop('pop1');
			 }
		}catch(e){
			hideLoading();
			mapi.msg('网络繁忙，请稍后..');
		}
	}
	const transSubTime=(value:any, unit:any = '')=> {
		if (!value) {
			return '';
		}
		let r = value.substring(8, 10) + unit + value.substring(10, 12);
		// console.log('rrrrrr+++',r)
		return r;
	}
	const transDayTime=(value:any)=> {
		if (!value) {
			return '';
		}
		let r = value.substring(0, 8);
		return r;
	}
	const showSevModal3=()=> {
		custName.value = dataList.value .name;
		custPhone.value  =dataList.value .phone;
		showPop('pop3');
	}
	const sureModal3=()=> {
		if (custName.value) {
			mapi.msg('请输入联系人姓名哦！');
			return;
		}
		if (vPhone(custPhone.value)) {
			mapi.msg('请输入正确的手机号码！');
			return;
		}
		if (custPhone.value == dataList.value.phone && custName.value == dataList.value.name) {
			hidePop('pop3');
			return;
		}
		let ndata = {
			billId: dataList.value.bill_id,
			phone: custPhone.value,
			contactsName: custName.value
		};
		changeContact(ndata);
	}
	const changeContact=async(ndata:any = {})=> {
		showLoading({
			mask: true,
			title: ''
		});
	try{
		let res=await changeContactt(ndata)
		if (!res.result) {
			hideLoading();
			mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
			return;
		}
		getOrderDetail('pop3');
	}catch(e){
		hideLoading();
		mapi.msg('网络繁忙，请稍后.');
		}
	}
	const subPop3_back=()=> {
		// if(!this.$vPhone(this.custPhone)){
		// 	this.$api.msg('请输入正确的手机号码！')
		// }
	}
	//-->pop3弹窗(联系方式)end
	//-->pop6弹窗(联系方式)start
	const tapMappType=(index)=> {
		mappoinClass.value = index;
	}
	const sureModal6=()=> {
		let sevId = changeCarItem.value.ext_goods_id || '';
		let changeSevId = comSevProList.value[mappoinClass.value].target_object_id || '';
		if (sevId && sevId == changeSevId) {
			return;
		}
		let ndata = {
			billInfoId: changeCarItem.value.bill_info_id || '',
			serviceGoodsId: changeSevId
		};
		changeCraftsmanSev(ndata, 'pop6');
	}
	const changeCraftsmanSev=async(rdata:any = {}, source:any = '')=> {
		showLoading({
			mask: true,
			title: ''
		});
		let defaulData = {};
		let ndata = Object.assign(defaulData, rdata);
		try{
			let res=await changeCraftsmanSevt(ndata)
			if (!res.result) {
				hideLoading();
				mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
				return;
			}
			 getOrderDetail(source);
		}catch(e){
		  hideLoading();
			mapi.msg('网络繁忙，请稍后.');
		}
	}
	const tapCancelSubOder=(item:any)=> {
		let ndata = {
			billId: item.bill_id,
			bill_info_id: [],
			action: 'CANCEL'
		};
		ndata.bill_info_id.push(item.bill_info_id);
		if (!ndata.billId) {
			mapi.msg('网络繁忙，请稍后...');
			return;
		}
		uni.showModal({
			title: '提示',
			content: '确定取消该项目么？',
			cancelText: '点错了',
			confirmText: '确定',
			confirmColor: '#56BF7A',
			success: res => {
				if (res.confirm) {
					changeOrderStatus(ndata, 'cancelSub');
				}
			}
		});
	}
	const tapChangeAllOder=()=> {
		let ndata = {
			billId: dataList.value.bill_id,
			// bill_info_id:[],
			action: 'ALL_DAO_ROOM'
		};
		if (!ndata.billId) {
			mapi.msg('网络繁忙，请稍后...');
			return;
		}
		changeOrderStatus(ndata, 'allChange');
	}
	const tapChangeSubOder=(item:any)=> {
		if (item.status != '813') {
			return;
		}
		let ndata = {
			billId: item.bill_id,
			bill_info_id: [],
			action: 'DAO_ROOM'
		};
		ndata.bill_info_id.push(item.bill_info_id);
		if (!ndata.billId) {
			mapi.msg('网络繁忙，请稍后...');
			return;
		}
		changeOrderStatus(ndata, 'change');
	}
	const tapDetail=(item:any)=> {
	  curTapItem.value = item;
		showPop('pop2', '001');
	}
	const changeOrderStatus=async(ndata:any, source:any = '')=> {
		showLoading({
			title: '',
			mask: true
		});
		try{
			let res=await changeOrderStatust(ndata)
			if (!res.result) {
				hideLoading();
				mapi.msg(res.shortMessage || '网络繁忙，请稍后..', res.code);
				return;
			}
			getOrderDetail(source);
		}catch(e){
			hideLoading();
			mapi.msg('网络繁忙，请稍后.');
		}
	}
	const hidePop=(pop:any='', source:any='')=> {
		switch (pop) {
			case 'pop1':
				pop1.value.close(source);
				break;
			case 'pop2':
				pop2.value.close(source);
				break;
			case 'pop3':
				pop3.value.close(source);
				break;
			case 'pop6':
				pop6.value.close(source);
				break;
			default:
				break;
		}
	}
	const showPop=(pop:any='', source:any='')=> {
		switch (pop) {
			case 'pop1':
				pop1.value.open(source);
				break;
			case 'pop2':
				pop2.value.open(source);
				break;
			case 'pop3':
				pop3.value.open(source);
				break;
			case 'pop6':
				pop6.value.open(source);
				break;
			default:
				break;
		}
	}
	const tapToSubscribe=()=> {
		// this.navigateTo('/order/creatOrder/creatOrder')
		uni.redirectTo({ url: '/pages/order/creatOrder/creatOrder' });
	}
	const tapToHome=()=> {
		uni.switchTab({ url: '/pages/index/home/home' });
	}
	const transLable=(nstring:any)=> {
		if (!nstring) {
			return [];
		} else {
			return nstring.split(',');
		}
	}
	const subPop2_back=()=> {}
	const stopPrevent=()=> {}
</script>

<style lang="scss" scoped>
.pdbox {
		padding: 0 36rpx;
	}

	.hsevItem {
		// display: inline-block;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		white-space: nowrap;
		width: 120rpx;
		height: 76rpx;
		// line-height: 77rpx;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border-radius: 8rpx;
		box-shadow: 0px 4rpx 18rpx rgba(0, 0, 0, 0.14);
		font-size: 28rpx;
		color: #999;
		margin: 20rpx 48rpx 0 0;

		&.active {
			background: linear-gradient(0deg, rgba(86, 191, 122, 0.2), rgba(86, 191, 122, 0.2)), #ffffff;
			border: 1px solid #56bf7a;
		}

		&:nth-child(4n) {
			margin: 20rpx 0 0 0;
		}
	}

	.msevItem {
		width: 160rpx;
		height: 80rpx;
		line-height: 81rpx;
		text-align: center;

		&.active {
			color: #56bf7a;
		}
	}

	.aconfirmation {
		padding: 30rpx 48rpx 0 48rpx;
		min-height: 300rpx;
	}

	.selectService {
		min-height: 600rpx;
		padding-top: 38rpx;

		.submitBtnBox {
			margin: 30rpx 48rpx 40rpx 48rpx;
		}

		.pad_cl {
			padding: 0 48rpx;
		}

		.crise {
			padding: 30rpx 48rpx 20rpx 48rpx;
			font-size: 28rpx;
			color: #666;
		}

		.cback_btn {
			// padding: 0 48rpx;
			margin: 68rpx 0 40rpx 0;
		}
	}

	.art_timebox {
		min-height: 212rpx;
	}

	.rtopSection {
		.rpdBox {
			width: 100vw;
			height: 120rpx;
			background-color: #56bf7a;
			position: relative;
		}

		.rtpMainBox {
			position: absolute;
			top: 120rpx;//-88
			left: 20rpx;
			border-radius: 16rpx;
			width: calc(100vw - 40rpx);

			// height: 846rpx;-展
			// min-height: 546rpx;
			min-height: 300rpx;
			background-color: #fff;
			// box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.08);
			overflow: hidden;
			// padding: 24rpx 36rpx 0 36rpx;
		}

		.orderScrollBox {
			border-radius: 16rpx;
			height: calc(100vh - 320rpx);
			overflow-y: scroll;
			box-shadow: 0px 2px 18rpx rgba(0, 0, 0, 0.08);
		}
	}
	.text60{
		font-size: 60rpx
	}
	.oderDetailSec {
		min-height: 100vh;
		font-family: 'Microsoft YaHei UI';
		background: #fafafa;

		// padding-bottom: 180rpx;
		.status_sec {
			padding: 20rpx 40rpx 0 40rpx;
			min-height: 104rpx;
			background-color: #56bf7a;
		}

		.mIcoBox {
			.m_ico {
				@include icoBox(76rpx, 76rpx);

				&.bepay {
					background-image: url('~@/static/vector_02.png');
				}

				&.suc {
					background-image: url('~@/static/vector_01.png');
				}
			}
		}

		.mDis {
			line-height: 1;
			// margin-top: 26rpx;
			font-size: 28rpx;
			color: #fff;
			margin-left: 30rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;

			.s_tit {
				// font-size: 36rpx;
				font-weight: bold;

				.time_num {
					color: #ff9700;
					margin-left: 10rpx;
				}
			}

			.txdis {
				color: rgba(255, 255, 255, 0.5);
				margin-left: 10rpx;
			}

			.s_dis {
				margin-top: 15rpx;
				// opacity: 0.6;
				font-weight: normal;
			}
		}

		.od_title {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			z-index: 9;
			height: 90rpx;
			padding: 0 30rpx 0 30rpx;
			background-color: #fff;
			border-radius: 16rpx 16rpx 0 0;

			.phonIco {
				display: inline-block;
				width: 52rpx;
				height: 52rpx;
				text-align: center;
				line-height: 51rpx;
				border-radius: 50%;
				color: #56bf7a;
				font-size: 26rpx;
				border: 1px solid #56bf7a;
				box-sizing: border-box;
				background: rgba(86, 191, 122, 0.2);
			}
		}

		.shopName {
			font-size: 28rpx;
			font-weight: bold;
			// line-height: 76rpx;
		}

		.mainListBox {
			min-height: 300rpx;
			border-radius: 16rpx;
			background-color: #fff;
			padding: 90rpx 30rpx 30rpx 30rpx;
			box-shadow: 0px 2px 18rpx rgba(0, 0, 0, 0.08);
		}

		.listItem {
			width: 100%;
			height: 290rpx;
			background: #f6f7f9;
			border-radius: 12rpx;
			margin-bottom: 30rpx;
			padding: 26rpx 0;
			// &.min{
			// 	height: 180rpx;
			// }

			.p_b26 {
				padding: 0 26rpx;
			}

			.dian {
				width: 36rpx;
				height: 24rpx;
				// margin-right: 390rpx;
				margin-left: 10rpx;
				vertical-align: middle;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				white-space: nowrap;
				box-sizing: border-box;
				font-size: 17rpx;
				font-weight: normal;
				border-radius: 56rpx 56rpx 56rpx 56rpx;
				background: #56bf7a;
				color: #fff;
			}

			&:nth-last-child(1) {
				margin-bottom: 0;
			}

			.txt_tit {
				font-size: 28rpx;
				font-weight: bold;
			}

			.zitem {
				margin-top: 30rpx;
				color: #666;
			}

			.ibot_box {
				margin-top: 20rpx;
				height: 80rpx;
				border-radius: 0 0 12rpx 12rpx;
				background: rgba(229, 229, 229, 0.5);
			}

			.btn_view {
				@include baseTag(186rpx, 60rpx);
				border-radius: 60rpx;
				font-size: 28rpx;
				margin-right: 26rpx;

				&.can {
					background: rgba(255, 255, 255, 0.8);
					color: #666;
				}

				&.acted {
					background: #dbdbdb;
					color: rgba(153, 153, 153, 0.5);
				}

				&.act {
					background: #56bf7a;
					color: #fff;
				}
			}

			.zsitem {
				margin-top: 28rpx;
				color: #666;

				.icancel {
					width: 108rpx;
					height: 48rpx;
					border-radius: 48rpx;
					background: rgba(102, 102, 102, 0.1);
					color: #999;
					text-align: center;
					line-height: 47rpx;
					font-size: 24rpx;
				}
			}
		}

		.tipitem {
			display: inline-block;
			color: #56bf7a;
			padding: 0 6rpx;
			font-size: 20rpx;
			text-align: center;
			min-width: 40rpx;
			background: rgba(86, 191, 122, 0.15);
			// border: 0.5px solid #56BF7A;
			box-sizing: border-box;
			border-radius: 4rpx;
			height: 34rpx;
			line-height: 35rpx;
			margin-left: 14rpx;

			&::after {
				border: 0.5px solid #56bf7a;
				border-radius: 8rpx;
			}

			&:nth-child(1) {
				margin-left: 0;
			}
		}
	}

	.m_tbox {
		margin-top: 20rpx;

		.mtItem {
			min-height: 100rpx;
			padding: 10rpx 10rpx 10rpx 0;
			background: #fff;
			border-radius: 16rpx;
			box-shadow: 0px 4rpx 18rpx rgba(0, 0, 0, 0.08);
		}

		.mtit {
			width: 200rpx;
			padding: 0 36rpx;
			color: #999;
		}
	}

	.od_meg_box {
		width: 100%;
		// height: 280rpx;
		background: #ffffff;
		box-shadow: 0px 2px 18rpx rgba(0, 0, 0, 0.08);
		border-radius: 16rpx;
		margin-top: 20rpx;
		padding: 20rpx 30rpx 60rpx 30rpx;
		position: relative;
		height: 216rpx; //226
		overflow: hidden;
		transition: height 0.1s ease-out;

		&.act {
			height: 412rpx; //432
		}

		&.lg {
			height: 278rpx;
			&.act {
				height: 545rpx; //598
			}
		}

		&.mt {
			height: 346rpx;

			&.act {
				height: 613rpx;
			}
		}

		&.msg {
			height: 278rpx;

			&.act {
				height: 483rpx;
			}
		}

		.showMore {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
			color: #999;
			font-size: 24rpx;
			text-align: center;
			background: #fff;

			.mrcont {
				display: inline-block;
				padding: 20rpx;
			}

			.mrico {
				font-size: 26rpx;
				margin-left: 12rpx;
			}
		}

		.msg_item {
			min-height: 62rpx; //72
		}

		.mtit {
			width: 140rpx;
			// text-align: end;
			color: #999;
		}

		.mcont {
			padding-left: 40rpx;
		}

		.copBtn {
			width: 108rpx;
			text-align: center;
			font-size: 24rpx;
			height: 48rpx;
			line-height: 47rpx;
			color: #fff;
			margin-right: 20rpx;
			background: #56bf7a;
			border-radius: 34rpx;
		}
	}

	.od_sub_btn_section {
		line-height: 1;
		box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.05);
		position: fixed;
		z-index: 3;
		left: 0;
		bottom: 0rpx;
		width: 100%;
		padding: 20rpx 50rpx 40rpx 50rpx;
		// height: 100rpx;
		color: #fff;
		background-color: #fff;
		overflow: hidden;

		.bt_box {
			width: calc(100vw - 100rpx);
		}

		.btn_left {
			padding: 0 40rpx 0 60rpx;
			background-color: #6a6a6a;
			height: 100rpx;
			line-height: 101rpx;
			border-radius: 100rpx 0 0 100rpx;

			.bct {
				display: inline-block;
				height: 100rpx;
				float: left;
			}

			.bclm {
				margin-right: 4rpx;
			}

			.bcdis {
				line-height: 105rpx;
			}
		}

		.payBtn {
			width: 200rpx;
			height: 100rpx;
			line-height: 101rpx;
			background-color: #56bf7a;
			border-radius: 0 100rpx 100rpx 0;
			font-size: 32rpx;
		}

		.btn_com {
			height: calc(100% - 2px);
			// border: 2rpx solid #56BF7A;
			text-align: center;
			font-size: 32rpx;
			line-height: 101rpx;
			border-radius: 100rpx;
		}

		.tohome {
			width: 272rpx;
			color: #56bf7a;

			&::after {
				border: 1px solid #56bf7a;
			}
		}

		.todetail {
			width: 340rpx;
			color: #fff;
			background-color: #56bf7a;

			&.gry {
				background-color: #dbdbdb;
			}
		}
	}

	.v_timebox1 {
		min-height: 212rpx;

		.numItem {
			font-size: 28rpx;
			line-height: 1;
			font-weight: bold;
		}

		.tim_nums {
			margin-top: 10rpx;
			font-size: 24rpx;
		}
	}

	.techScrollSection {
		max-height: 676rpx;

		.mainTips {
			width: 100%;
			height: 64rpx;
			margin-top: 32rpx;
			border-radius: 16rpx 16rpx 0 0;
			// background-color: #fff4e4;
			color: #ff9700;
			font-size: 24rpx;

			// padding: 0 48rpx;
			&.bgz {
				background: rgba(254, 180, 72, 0.15);
				border-radius: 4rpx;
				padding-left: 20rpx;
			}

			.macon {
				font-size: 28rpx;
				margin-right: 18rpx;
			}
		}

		.v_timebox2 {
			.numItem {
				width: 120rpx;
				height: 100rpx;
				line-height: 101rpx;

				// margin: 26rpx 52rpx 0 0;
				&:nth-child(4n) {
					margin-right: 0;
				}
			}

			.ncheck_box::before {
				content: none;
			}
		}
	}

	.tit_tah {
		font-size: 24rpx;
		margin-left: 4rpx;
	}

	.submscr {
		width: 100%;
		min-height: 340rpx;
		max-height: 500rpx;
		background: #f6f7f9;
		border-radius: 16rpx;
	}

	.subcrview {
		padding: 0 40rpx 40rpx 40rpx;
	}

	.subm_item {
		width: 280rpx;
		height: 116rpx;
		border: 1px solid #e1e1e1;
		border-radius: 8rpx;
		margin: 30rpx 50rpx 0 0;

		&:nth-child(2n) {
			margin: 40rpx 0 0 0;
		}

		&.act {
			background: rgba(86, 191, 122, 0.15);
			border: 1px solid #56bf7a;

			.suname {
				color: #56bf7a;
			}
		}
	}

	.submTips {
		position: absolute;
		background: #ff6d6d;
		box-shadow: 0px 3px 18rpx rgba(0, 0, 0, 0.14);
		border-radius: 8rpx 8rpx 0px 8rpx;
		right: 0;
		top: -17rpx;
		min-width: 76rpx;
		height: 34rpx;
		line-height: 35rpx;
		z-index: 99;
		max-width: 100%;
	}
</style>